<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>管理员列表</title>
    <meta name="keywords" content="*Sway*--后台管理系统">
    <meta name="description" content="*Sway*--后台管理系统">

    <link rel="shortcut icon" href="/favicon.ico">
    <link href="/Public/Admin/css/bootstrap.min14ed.css" rel="stylesheet">
    <link href="/Public/Admin/css/font-awesome.min93e3.css" rel="stylesheet">
    <link href="/Public/Admin/css/plugins/iCheck/custom.css" rel="stylesheet">
    <!-- Gritter -->
    <link href="/Public/Admin/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
    <!-- Morris -->
    <link href="/Public/Admin/css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">
    <link href="/Public/Admin/css/animate.min.css" rel="stylesheet">
    <link href="/Public/Admin/css/style.min862f.css" rel="stylesheet">
    <link href="/Public/Admin/css/plugins/switchery/switchery.css" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>管理员列表</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row m-b-sm m-t-sm">
                            <div class="col-md-2">
                                <a href="<?php echo U('Admin/admin/add');?>" class="btn btn-outline btn-primary">添加管理员</a>
                            </div>
                            <form name="admin_list" id="admin_list" action="<?php echo U('Admin/admin/index');?>" method="get">
                                <div class="col-md-3" style="margin-top: 2px">
                                    <div class="input-group">
                                        <input type="text" name="title" id="title" placeholder="请输入管理员名称" value="<?php echo ($title); ?>" class="input-sm form-control">
                                        <span class="input-group-btn">
                                            <button type="button" id="submit" name="submit" class="btn btn-sm btn-primary"> 搜索</button>
                                        </span>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>管理员账号</th>
                                    <th>头像</th>
                                    <th>用户组</th>
                                    <th>真实姓名</th>
                                    <th>登录次数</th>
                                    <th>登陆时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody id="pageView">
                            <!--异步请求分页形式  内容从后台获取-->
                            <!--普通形式-->
                                <!--<?php if(is_array($list)): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$v): $mod = ($i % 2 );++$i;?>-->
                                    <!--<tr>-->
                                        <!--<td><?php echo ($v["id"]); ?></td>-->
                                        <!--<td><?php echo ($v["name"]); ?></td>-->
                                        <!--<td><?php echo ($v["image"]); ?></td>-->
                                        <!--<td><?php echo ($v["realname"]); ?></td>-->
                                        <!--<td><?php echo ($v["loginnum"]); ?></td>-->
                                        <!--<td><?php echo ($v["logintime"]); ?></td>-->
                                        <!--<td>-->
                                            <!--<?php if($v["status"] == 1): ?>-->
                                                <!--<a href="javascript:statusChange(<?php echo ($v["id"]); ?>);" class="btn btn-sm btn-outline btn-primary" id="status<?php echo ($v["id"]); ?>">正常</a>-->
                                            <!--<?php else: ?>-->
                                                <!--<a href="javascript:statusChange(<?php echo ($v["id"]); ?>);" class="btn btn-sm btn-outline btn-danger" id="status<?php echo ($v["id"]); ?>">禁用</a>-->
                                            <!--<?php endif; ?>-->
                                        <!--</td>-->
                                        <!--<td>-->
                                            <!--<div class="col-md-12">-->
                                                <!--<a class="btn btn-sm btn-outline btn-warning" href="<?php echo U('Admin/admin/edit/id/' .$v['id']);?>"><i class="fa fa-edit"></i> 修改</a>-->
                                                <!--<a class="btn btn-sm btn-outline btn-danger" href="javascript:del(<?php echo ($v["id"]); ?>)"><i class="fa fa-trash-o"></i> 删除</a>-->
                                            <!--</div>-->
                                        <!--</td>-->
                                    <!--</tr>-->
                                <!--<?php endforeach; endif; else: echo "" ;endif; ?>-->
                            </tbody>
                        </table>
                        <!--TP 分页-->
                        <!--<div id="pageList"><?php echo ($pageShow); ?></div>-->
                        <!--laypage 分页-->
                        <div id="pageList" style="text-align: center;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/Public/Admin/js/jquery.min.js"></script>
    <script src="/Public/Admin/js/bootstrap.min.js"></script>
    <script src="/Public/Admin/js/plugins/layer.3/layer.js"></script>
    <script src="/Public/Admin/js/plugins/laypage/laypage.js"></script>
    <script src="/Public/Admin/js/common.js"></script>

    <script>
        $(function(){
            /**
             * 更改管理员状态
             */
            statusChange = function(id){
                common.ajaxStatusChange("<?php echo U('Admin/admin/statusChange');?>", id, $('#status' + id));
            };

            /**
             * 删除管理员
             * @param id
             */
            del = function(id){
                common.ajaxDel("<?php echo U('Admin/admin/del');?>",id,"<?php echo U('Admin/admin/index');?>");
            };

            /**
             * layui 整体刷新式分页
             */
//            好像很实用的样子，后端的同学再也不用写分页逻辑了。
//            var title = '<?php echo ($title); ?>';
//            laypage({
//                cont: 'pageList',
//                skip: true,
//                skin: '#009688',
//                pages: <?php echo ($pages); ?>, //可以叫服务端把总页数放在某一个隐藏域，再获取。假设我们获取到的是18
//                curr: function(){ //通过url获取当前页，也可以同上（pages）方式获取
//                    var page = location.search.match(/page=(\d+)/);
//                    return page ? page[1] : 1;
//                }(),
//                jump: function(e, first){ //触发分页后的回调
//                    if(!first){ //一定要加此判断，否则初始时会无限刷新
//                        location.href = '?title='+ title +'&page='+e.curr;
//                    }
//                }
//            });
            /**
             * layui  jquery.ajax 异步请求式分页
             */
            //以下将以jquery.ajax为例，演示一个异步分页
            //实现异步分页 则搜索按钮  type改为了button 防止跳转
            var page = 1;
            var title = '';
            function demo(curr,title){
                $.getJSON(
                        "<?php echo U('Admin/admin/pageList');?>",
                        {
                            page: curr || 1, //向服务端传的参数，此处只是演示
                            title: title
                        },
                        function(res){
                            document.getElementById('pageView').innerHTML = res.content;
                            //显示分页
                            laypage({
                                cont: 'pageList', //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div>
                                pages: res.pages, //通过后台拿到的总页数
                                curr: curr || 1, //当前页
                                skip: true,
                                skin: '#009688',
                                jump: function(obj, first){ //触发分页后的回调
                                    if(!first){ //点击跳页触发函数自身，并传递当前页：obj.curr
                                        demo(obj.curr,title);
                                    }
                                }
                            });
                        });
            }
            //运行
            demo();

            //搜索
            $('#submit').click(function(){
                title = $('#title').val();
                if(title == ''){
                    common.error('搜索内容不能为空',2000);
                    return false;
                }
                demo(page,title);
            });
        });
    </script>
</body>
</html>